@CHARSET "UTF-8";
body{
	
	  background-color: #181818;
}
.text-gold{ 
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#D8C076), to(#A27E47));
}
#orders.step1 > header{  
	background-color: transparent;
	padding:10px;
}

#orders.step1 > header span{  
	width:33%;
	display: block;
	float: left;
	text-align: center;
	margin-top: 55px;
	height: 100px; 
}
#orders.step1 > header span a{  
	display: block;
	width: 90px;
	height: 90px;
	margin-left: 8px; 
}
#orders.step1 > header span a[value='001']{ 
	background:url('../images/p5_tf.png'); 
}
#orders.step1 > header span a[value='005']{ 
	background:url('../images/p5_st.png'); 
}
#orders.step1 > header span a[value='004']{ 
	background:url('../images/p5_mb.png'); 
}

#orders > .content > .content{
	top:50px;
}
#orders > .content > .table-view-head{ 
	padding:10px 0px 10px 0px;
	text-align:center;
	border-top:0px solid #ddd;
	border-bottom:0px solid #ddd;
	background-color: #303030;  
	margin-left:10px;
	margin-right:10px;
} 

#orders > .content > .table-view-head > div{  
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#D8C076), to(#A27E47));
	width:100px;
	display: inline;
	font-weight: bold;
}
#orders.step1 header{
	  position: relative;
	  height:200px; 
}
#orders.step1  .table-view-cell img{  
	height:180px; 
	margin-left: 5px; 
	width: 100%;
	padding-right: 10px;
}
#orders.step1 .table-view{
	   border-top: 0px solid #ddd; 
  border-bottom: 0px solid #ddd; 
}
#orders.step1 .content{ 
	  background-color: transparent;
}

#orders .bar-tab {
	bottom: auto !important;
	background-color: #303030;
	border-top: 0px solid #ddd;
}

#orders .bar-tab .tab-item {
	font-weight: bolder; 
}
#orders .bar-tab .tab-item.active{
	border-bottom:1px solid #D8C076
}
#orders .bar-tab .tab-item.active span
{
	
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#D8C076), to(#A27E47));
}

#orders .bar-tab ~.content {
	padding-top: 55px;
	padding-bottom: 0px;
	background-color: transparent;
	colro
}

#orders.step2 .table-view-cell img {
	border-radius: 21px;
	margin-top: 5px;
}

#orders.step2 .staff-name{
	padding-top:5px;
	width:75px;
	float:left
	
}
#orders.step2 .btn-orders{
	border:1px solid #D8C076;
	width: 100px;
	font-size:16px;
}
#orders.step2 .staff-price{
	margin-top: -20px;
	width: 60px; 
	float: right;
	font-size:22px;
}

#orders.step2 .staff-title{ 
	margin-top: 5px;
	position: absolute;
} 

#orders.step1 .table-view ,
#orders.step2 .table-view 
{
	background-color: transparent;
	
}
#orders.step2 .table-view {
	background-color:#181818;
	 border-top: 0px solid #ddd; 
	 border-bottom: 0px solid #ddd; 
	 color:#919191;
}

#orders.step1 .table-view-cell,
#orders.step2 .table-view-cell {
	padding: 11px 10px 11px 10px;
	font-size: small;  
	margin: 0px 5px 10px 5px;
	border-bottom-width: 0px;
	background-color:#303030;
}
#orders.step1 .table-view-cell{
	height:180px;
	padding: 0px 0px 0px 0px;
	background-color: #181818;
}

#orders .today span, 
#orders .tomorrow span,
#orders .other span {
	width: 25%;
	display: block;
	float: left;
	text-align: center;
	margin-top: 15px;
	height: 61px;
	margin-bottom: -20px;
}

#orders .other span {
	width: 50%;
}

#orders .today span a, 
#orders .tomorrow span a, 
#orders .other span a
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px; background-color : white;
	border: 1px solid #E0E0E0;
	background-color:  transparent;; 
	color:white;
} 

#orders.step4 .bar-footer{ 
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
	background: url('../images/p4_spz_bg.png') repeat;
	height: 80px;
	bottom: 0px;
}

#orders.step4 .content{
	border: 0px solid #ddd;
	background-color: transparent;
}
 #orders.step4 .content .table-view{
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
	background-color: transparent;
	color:#fff;
 }
  #orders.step4 .table-view-cell{
	border-bottom: 0px solid #ddd;
  	padding-right: 10px;
 }
 #orders.step4  .table-view-cell-colunm-left{
  	width:105px;
  	text-align: right;
 }

#shopItemDetails header{
	height:200px;
	
	background-color: #666;
}

#shopItemDetails header .bar,
#orders.step1 .table-view-cell .bar{
	top:120px;
	padding:10px;
	background-color:#000;
	height:80px;
	color:#fff; 
	background:url('../images/p4_spz_bg.png') repeat;
	border-bottom: 0px;
}

#shopItemDetails .content{
	top:200px; 
	padding:10px 10px 54px 10px;
	background-color:#181818;
}

#shopItemDetails .content-title{  
	font-weight: bolder;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#D8C076), to(#A27E47));
}
#shopItemDetails .content-body{
	color:#fff;
	padding:10px;
	word-wrap: break-word;
}
#shop .bar .active{
	border-bottom: 1px solid #DAC378;
	
}
#shop .bar-tab .tab-item{
	color:#fafafa;
}
#shop .bar-tab .tab-item.active{   
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#D8C076), to(#A27E47));
}
#shop .bar-tab{
	top:0px;
	background-color:#303030;
	border-top: 0px solid #ddd;
}
#shop .content{
	top:50px;
	padding-bottom:0px;
	background-color:#181818;
}
#shop .productBuy{
	float: right;
}
#shop .productBuy .btnbuy{
	border:1px solid #D8C076;
}
#shop .control-content{
	color:white;
	width:50%;
	height:160px;
	float:left;
	display:block;
	padding:10px; 
} 

#shop .control-content > div{ 
	background-color:#c0c0c0;
	width:100%;
	height:100%;
}
#shop .productDescriptor,#shopItemDetails .productDescriptor{
	float:left; 
	font-size: 9px;
}
#shopItemDetails  .productDescriptor{ 
	font-size: 16px;
}
#shopItemDetails .bar-footer {
	background-color:#181818; 
	text-align: right;
	height:44px;
	border-top: 0px solid #ddd;
}

#shopItemDetails  .bar-footer  .btn{
	
	border: 1px solid #D8C076;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#D8C076), to(#A27E47));
	font-size:11px;
}
#shop .productName , #shopItemDetails  .productName{ 
	color:#fff; 
}
#shopItemDetails  .productName{
	margin-bottom:10px;
}

#shop .productPrice,#shopItemDetails .productPrice{ 
	font-weight: bold;
	float:left;
	color:#DAC378;
	margin-right:5px;
	font-size: 16px;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#D8C076), to(#A27E47));
}
#shopItemDetails .productPrice{
	font-size: 22px;
}

#shop .buy,#shopItemDetails .buy{ 
	float:left;
	coler:#DAC378;
}
#shop .productOrgPrice,#shopItemDetails .productOrgPrice{ 
	float:left;
	text-decoration:line-through; 
	
}
#shop .control-content  .bar{
	margin-left:10px;
	margin-right:10px;
	top:98px;
	background:url('../images/p4_spz_bg.png') repeat; 
	border-bottom: 0px solid #ddd;
	height:54px;
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
	position:absolute;
}
 

 
#shopping-cart header.bar{
	 border-bottom: 0px solid #ddd;
	background:url('../images/p4_spz_bg.png') repeat; 
}

#shopping-cart .content .bar {
	border-top: 0px solid #ddd;
	 border-bottom: 0px solid #ddd;
	background:url('../images/p4_spz_bg.png') repeat; 
	height:80px;
	bottom:0px;
}
#shopping-cart .btn-check,
#shopping-count .btn-check{ 
	font-size: 22px;
	height: 50px;
	color: white;
	width: 100px;
	padding-top: 15px;
	padding-left: 40px;
	background-image: url('../images/p4_choose.png');
	background-repeat: no-repeat;
	background-position-x: 10px;
	background-position-y: 15px;
}
#shopping-cart .btn-delete{ 
	height: 50px;
	width: 50px;
	background-image:url('../images/p4_del.png'); 
	background-repeat:no-repeat;
	background-position-y: 8px;
}
#shopping-cart .content{  
	background-color:#181818;
}

#shopping-cart .table-view{ 
	 color:#fff;
	background-color:#303030;
	border: 0px solid #ddd;
}
#shopping-cart .table-view .table-view-cell{
	
	border: 0px solid #ddd;
	padding-right:5px;
	padding-left: 5px;
}
#shopping-cart .acount,
#shopping-count .acount,
#orders.step4 .acount{
	height:80px; 
	width:100%;
	float:left;
	padding-right:165px;
	text-align: right;
	color:#fff; 
	padding-top:18px;
}
#shopping-cart .commit,
#shopping-count .commit,
#orders.step4 .commit{
	padding-left:42px;
	padding-top:14px;
	height: 80px;
	width:160px;
	float: right;
	top: 0px;
	position: absolute;
	right: 0px;
	background-color:#000;
}
#shopping-cart .commit  .btn-commit, 
#shopping-count .commit .btn-commit,
#orders.step4 .commit .btn-commit{
	font-size:22px;
	color: #D8C076;
	border: 1px solid;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#D8C076), to(#A27E47));
} 


#shopping-cart .table-view-cell-colunm1 a{ 
	font-size:12px;
}
.table-view-cell-colunm-left{
	float:left;
}
#orders.step1 .table-view-cell-colunm-left .product-name{  
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#D8C076), to(#A27E47));
	font-size: 16px;
}
#shopping-cart .table-view-cell-colunm-left .btn-check,
#shopping-count .sub-view .btn-check{
	font-size:10px;
	height:auto;
	padding-top: 5px;
	background-position-y: 5px;
}
.table-view-cell-colunm-right{ 
	float:right;
}
#shopping-cart .table-view-cell-colunm-right{
	width:200px;
	padding-top: 5px;
}
#orders.step1 .table-view-cell-colunm-right{
	width:55px;
	padding-top: 5px;
}
#orders.step1 .table-view-cell-colunm-right .product-price{ 
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#D8C076), to(#A27E47));
	font-size: 16px;
	font-weight: bold;
}
#orders.step1 .table-view-cell-colunm-right .product-org-price{ 
	 text-decoration: line-through;
} 
#shopping-cart .table-view-cell-colunm2{
	width:85px;
}
#shopping-cart .table-view-cell-colunm3{
	width:30px;
}
#shopping-cart .table-view-cell-colunm4{
	width:85px;
} 
#shopping-cart .table-view-cell-colunm2,
#shopping-cart .table-view-cell-colunm3,
#shopping-cart .table-view-cell-colunm4{
	float:left;
}
#shopping-count .bar-footer-secondary ul,
#shopping-count .content ul{
	
	background-color:#181818;
}
#shopping-count  .bar-footer-secondary{
	
	bottom:80px; 
	background-color:#181818;
		height:180px;
	border-top: 0px solid #ddd;
	padding-left: 0px;
}
#shopping-count .bar-footer
{

	border-top: 0px solid #ddd;
	 border-bottom: 0px solid #ddd;
	background:url('../images/p4_spz_bg.png') repeat; 
	height:80px;
	bottom:0px;
}
#shopping-count .content{ 
	background-color:#181818;
	padding-bottom:260px;
	overflow: auto;
}
#shopping-count .table-view{
	border-bottom: 0px solid #ddd;
	border-top: 0px solid #ddd;
	color:#fff;
	padding:10px 10px 10px 10px;
}
#shopping-count .table-view-cell
{
	padding-left:10px;
	padding-right:10px;
	border-bottom: 0px solid #ddd;
}
#shopping-count .content ul.sub-view ,
#shopping-count .bar-footer-secondary ul.sub-view{
	padding-bottom:10px;
	padding-top:10px;
	padding-left:20px;
	background-color:#303030;
}
#shopping-count .bar-footer-secondary  input[type=text]{ 
	background-color:#4C4C4C;
	height: 25px;
}
#shopping-count .sub-view .btn-check{ 
	font-size:22px;	
	width: 100%;
}
#shopping-count .table-view-cell-left{
	float:left;
}
#shopping-count .table-view-cell-right{ 
	float:right;
	padding-left: 60px;
	position: absolute;
}
#shopping-count .bar-footer-secondary  .table-view-cell{
	padding-bottom:5px;
}
#orders.step1 .table-view-cell .bar{  
	margin-left:5px;
	margin-right:5px;/* 注意调整*/
	padding-left:10px;
	height:60px;
	position: absolute;
	ba
}
